<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minmum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta name="format-detection" content="telephone=no, email=no" />
		<meta name="apple-mobile-web-app-capable" content="yes"/>
		<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
		<link rel="stylesheet" href="../css/font-awesome.min.css" />
		<link rel="stylesheet" href="../css/consume.css" />
	</head>
	<body>
		<header>
			<a href="account.html"><i class="fa fa-angle-left"></i></a>
			<p>消费详情<a href="javascript:;"><i class="fa fa-caret-down" id="show"></i></a></p>
		</header>
		<div class="top_content">
			<div class="top_head">2016&nbsp;&nbsp;7月15日<span class="piao">总消费1528条</span></div>
			<div class="top_cont">
				<ul>
					<li>
						<div class="shan">闪</div>
						<div class="con_con">
							<div><span>天天消消乐</span><span>闪注量充值</span></div>
							<div>2016/7/6&nbsp;14:24</div>
						</div>
						<div class="num1">-1条</div>
					</li>
					<li>
						<div class="shan bg">短</div>
						<div class="con_con">
							<div><span class="font1">大话西游</span><span>短信量充值</span></div>
							<div>2016/7/6&nbsp;14:24</div>
						</div>
						<div class="num1 num2">-1条</div>
					</li>
					<li>
						<div class="shan bg">短</div>
						<div class="con_con">
							<div><span>天天消消乐</span><span>闪注量充值</span></div>
							<div>2016/7/6&nbsp;14:24</div>
						</div>
						<div class="num1 num2">-1条</div>
					</li>
					<li>
						<div class="shan">闪</div>
						<div class="con_con">
							<div><span class="font2">王者荣耀</span><span>闪注量充值</span></div>
							<div>2016/7/6&nbsp;14:24</div>
						</div>
						<div class="num1">-1条</div>
					</li>
				</ul>
			</div>
			<div class="top_head">2016&nbsp;&nbsp;7月14</div>
			<div class="top_cont">
				<ul>
					<li>
						<div class="shan">闪</div>
						<div class="con_con">
							<div><span>天天消消乐</span><span>闪注量充值</span></div>
							<div>2016/7/6&nbsp;14:24</div>
						</div>
						<div class="num1">-1条</div>
					</li>
					<li>
						<div class="shan bg">短</div>
						<div class="con_con">
							<div><span class="font1">大话西游</span><span>短信量充值</span></div>
							<div>2016/7/6&nbsp;14:24</div>
						</div>
						<div class="num1 num2">-1条</div>
					</li>
					<li>
						<div class="shan bg">短</div>
						<div class="con_con">
							<div><span>天天消消乐</span><span>闪注量充值</span></div>
							<div>2016/7/6&nbsp;14:24</div>
						</div>
						<div class="num1 num2">-1条</div>
					</li>
					<li>
						<div class="shan">闪</div>
						<div class="con_con">
							<div><span class="font2">王者荣耀</span><span>闪注量充值</span></div>
							<div>2016/7/6&nbsp;14:24</div>
						</div>
						<div class="num1">-1条</div>
					</li>
				</ul>
			</div>
			<div class="top_head">2017&nbsp;&nbsp;6月13</div>
			<div class="top_cont">
				<ul>
					<li>
						<div class="shan">闪</div>
						<div class="con_con">
							<div><span class="font2">王者荣耀</span><span>闪注量充值</span></div>
							<div>2016/7/6&nbsp;14:24</div>
						</div>
						<div class="num1">-1条</div>
					</li>
				</ul>
			</div>
			<div class="account_c" id="win">
				<div class="c_in">
					<div class="in_all">全部账户</div>
					<div class="c_slide">
						<div></div>
						<div>应用</div>
						<div></div>
					</div>
					<ul class="c_list">
						<li><a href="javascript:;">天天消消乐</a></li>
						<li><a href="javascript:;">大话西游</a></li>
						<li><a href="javascript:;">王者荣耀</a></li>
					</ul>
				</div>
			</div>
		</div>
		
		<script src="../js/jquery-3.1.1.js"></script>
		<script src="../js/font.js"></script>
		<script>
			$("#show").click(function(){
				$("#win").toggle()
			})
		</script>
	</body>
</html>
